<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>API首页</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />

		<link rel="stylesheet" href="../css/api-index.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-sb-c abs pl20r20 b-box z-index45">
			<!-- logo -->
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航栏 -->
			<ul class="flex-c-c c18">
				<li><a href="index.html">首页</a></li>
				<li class="active">
					<a href="api-index.html">API</a>
				</li>
				<li>云服务</li>
				<li><a href="customer.html">案例</a></li>
				<li>开发者</li>
			</ul>
			<!-- 按钮 -->
			<div class="c18">
				<span class="f12"><a href="../html/login.html">登录</a></span>
				<span class="cff"><a href="../html/register.html">注册有礼</a> </span>
			</div>
		</header>
		<!-- 占位标签 -->
		<section id="header"></section>
		<!-- 主体 -->
		<main>
			<div class="container">
				<!-- 分类标题 -->
				<section id="category">
					<h4 class="font24">API分类</h4>
					<ul id="apiItem" class="clear"></ul>
					<div id="search">
						<strong class="c18 font12">全部</strong>
						<div class="rel" id="imgCont">
							<input type="text" id="searchInput" class="font11 bacf4f4" />
							<img src="../imgs/magnifier.png" alt="" class="abs" />
						</div>
					</div>
				</section>
				<!-- 内容 -->
				<section id="content" class="mt15">
					<ul id="contentList" class="clear"></ul>
				</section>
				<!-- 翻页器 -->
				<section id="pages">
					<ul>
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li class="nextPage">下一页&gt;</li>
					</ul>
				</section>
			</div>
			<!-- toTop -->
			<div id="toTop"></div>
		</main>
		<!-- 尾部 -->
		<footer class="pt35 b-box">
			<div class="container">
				<!-- 顶部 -->
				<div class="top felx-sb">
					<ul class="listTop felx-sb">
						<li>
							<h5 class="c18 fnormal mb30 font14">联系与支持</h5>
							<ul class="list-item flex-cl-evenly font12 cb3b3">
								<li>400-882-7715</li>
								<li>售前咨询</li>
								<li>客服&售后</li>
								<li>常见问题</li>
								<li>极速工单</li>
								<li>投诉与建议</li>
							</ul>
						</li>
						<li>
							<h5 class="c18 fnormal mb30 font14">关于源码</h5>
							<ul class="list-item flex-cl-evenly font12 cb3b3">
								<li>合作伙伴</li>
								<li>服务条款</li>
								<li>客服&售后</li>
								<li>隐私政策</li>
								<li>市场合作</li>
								<li>反商业贿赂声明</li>
							</ul>
						</li>
						<li>
							<h5 class="c18 fnormal mb30 font14">快速入口</h5>
							<ul class="list-item flex-cl-evenly font12 cb3b3">
								<li>API数据</li>
								<li>黑钻会员</li>
								<li>新闻动态</li>
								<li>联系我们</li>
								<li>加入我们</li>
							</ul>
						</li>
						<li>
							<h5 class="c18 fnormal mb30 font14">产品服务</h5>
							<ul class="list-item flex-cl-evenly font12 cb3b3">
								<li>云监测</li>
								<li>云查询</li>
								<li>云助手</li>
								<li>聚盒子</li>
								<li>云充值</li>
							</ul>
						</li>
						<li>
							<h5 class="c18 fnormal mb30 font14">解决方案</h5>
							<ul class="list-item flex-cl-evenly font12 cb3b3">
								<li>400-882-7715</li>
								<li>售前咨询</li>
								<li>客服&售后</li>
								<li>常见问题</li>
								<li>极速工单</li>
								<li>投诉与建议</li>
							</ul>
						</li>
					</ul>
					<div class="wechat tr">
						<p class="mb15">微信公众号</p>
						<p class="mb30 font12 cb3b3">源码时代</p>
						<img src="../imgs/wechat-white.png" alt="" />
					</div>
				</div>
				<!-- 末尾信息 -->
				<div class="last flex-sb-c cb3b3 mt15 font14">
					<!-- 许可证 -->
					<div class="agree">
						<img src="../imgs/bei1.png" alt="" />
						<img src="../imgs/bei2.png" alt="" />
						<p>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</p>
					</div>
					<!-- 版权 -->
					<div class="copy">
						<p>源码大数据股份有限公司©版权所有</p>
					</div>
				</div>
			</div>
		</footer>
		<!-- 蒙层 -->
		<div id="mask">
			<!-- 弹出层 -->
			<!-- 登录框 -->
			<div id="loginModal">
				<!-- logo -->
				<div id="loginModalLogo">
					<img src="../imgs/api-new-logo-white.png" alt="" />
				</div>
				<!-- 登录方式 -->
				<div id="loginModalLoginType">
					<a href="#" class="active"> 账号登录 </a>
					<i></i>
					<a href="#"> 扫码登录 </a>
				</div>
				<!-- 表单区 -->
				<form action="index.html" id="loginUser">
					<p id="loginUsername">
						<i></i>
						<input type="text" placeholder="用户名/手机号/邮箱" />
					</p>
					<p id="loginUserpassword">
						<i> </i>
						<input type="text" placeholder="密码" />
					</p>
					<p id="forgetPassword">
						<a href="#">忘记密码</a>
					</p>
					<button>登录</button>
					<!-- 注册 -->
					<p class="register">
						还没有源码账号，<label><a href="#">立即注册</a> <i></i></label>
					</p>
				</form>
				<!-- 二维码登录 -->
				<form action="" id="QRCode">
					<div>
						<img src="../imgs/showqrcode.jpg" alt="" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号，请关注后再登录</p>
					</div>
					<p id="QRCodeRegister">
						还没有源码账号，<label><a href="#">立即注册</a> <i></i></label>
					</p>
				</form>
			</div>
		</div>
		<script src="../js/util.js"></script>
		<script src="../js/api-index.js"></script>
	</body>
</html>
